import { SmileOutlined } from '@ant-design/icons';
import { Button, notification } from 'antd';
import React from 'react';

const openNotification = () => {
    notification.open({
        message: 'Notification Title',
        description:
            'add success',
        icon: (
            <SmileOutlined
                style={{
                    color: '#108ee9',
                }}
            />
        ),
    });
};

const AntdAlter = () => (
    <Button type="primary" onClick={openNotification}>
        Open the notification box
    </Button>
);

export default AntdAlter;